.landlord-user-container {
  padding-bottom: 24px;

  .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    background: linear-gradient(45deg, var(--mini-first), var(--mini-second));
    color: var(--font-second);

    &-img {
      border-radius: 100%;
      box-shadow: 1px 1px 5px 2px var(--box-shadow2);
      width: 120px;
      height: 120px;
    }

    &-name {
      font-size: 20px;
      margin-top: 8px;
    }
  }

  .info {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    margin-top: -50px;

    .have-house,
    .have-tenant {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--split-line);
      border-radius: 10px;
      box-shadow: 1px 1px var(--split-line);
      width: 40%;
      height: 100px;
      background-color: var(--bg-first);
    }

    .count {
      font-size: 40px;
      color: var(--mini-first);
    }
  }

  .body {
    padding: 24px 16px;
  }
}